{include file="public/header" /}
<style type="text/css">
	body{background-color: #FFF;}
	.aui-list .aui-list-item-text{padding-right: 0;}
	.aui-list .aui-list-item.list{margin-top: 10px; box-shadow: 0px 3px 11px #888888; -webkit-box-shadow:0px 3px 11px #888888;-moz-box-shadow:0px 3px 11px #888888;}
	.operating-area span i{margin-right:3px;}
	.question-content * ,.question-content{color: #434343 !important;max-width:100% !important; text-indent:0 !important; padding: 0 !important; table-layout: fixed; word-wrap: break-word; overflow: hidden; }
</style>
<div class="aui-content wrap">
	<section class="aui-content-padded article-id-{$info['article_id']}">
		{neq name="info.category_name" value=""}<div class="aui-label aui-label-info">{$info['category_name']}</div>{/neq}
		<h4 class="h4" style="font-size: 1rem;">{$info['title']}</h4>
		<div class="aui-content question-content" style="padding-bottom:10px;border-bottom: 1px solid #e0dcdc;">
			{$info['content']}
		</div>
		<div class="aui-content" style="margin-bottom:20px;padding-top: 10px; padding-bottom:10px;border-bottom: 1px solid #e0dcdc;">
            <div class="operating-area">
            	{gt name="info.author" value="0"}
                    <span style="color: #a0a0a0;"><i class="icon-author"></i>{$info['author']}</span>
                {/gt}
            	<span style="color: #a0a0a0;"><i class="icon-liulan"></i>{$info['update_view_num']}</span>
            	<span style="color: #a0a0a0;"><i class="icon-time"></i>{$info['time_ago_desc']}</span>
            	{neq name="info.category_name" value=""}
            		<span style="color: #a0a0a0;"><i class="icon-categroy"></i>{$info['category_name']}</span>
            	{/neq}
            	<!-- <div class="aui-btn aui-btn-danger" style="float: right;"><a url="{:url('set_recommend', array('article_id' => $info['article_id']))}" class=" {$is_recommend ? 'on' : 'opt-tip'}" on-text="已推荐" unon-text="推荐"  style="color: #FFF;">{$is_recommend ? '已推荐' : '推荐'}</a><span class="recommend_num">{$info['recommend_num']}</span></div> -->
            	<!-- <div class="aui-btn aui-btn-primary" style="float: right;margin-right: 3px;"><a href="{:url('fav', array('article_id' => $info['article_id']))}" class=" opt-tip {$is_fav ? 'on' : ''}" on-text="已收藏" unon-text="收藏"  style="color: #FFF;">{$is_fav ? '已收藏' : '收藏'}</a><span class="fav_num">{$info['fav_num']}</span></div> -->
            </div>
		</div>
	</section>
	<style type="text/css">
		.wrap{padding-bottom: 45px;}
	</style>
	<footer class="aui-bar aui-bar-tab" id="footer">
	    <div class="aui-bar-tab-item opt-tip {$is_fav ? 'aui-active' : ''}" add-class="aui-active" href="{:url('Article/fav', array('article_id' => $info['article_id']))}" position="footer" on-icon="icon-shoucang" unon-icon="icon-shoucang" on-text="已收藏" unon-text="收藏" tapmode >
	        <i class="aui-iconfont icon-shoucang"></i>
	        <div class="aui-bar-tab-label">{$is_fav ? '已收藏' : '收藏'}</div>
	    </div>
	    <div class="aui-bar-tab-item answer-btn {$is_recommend ? 'aui-active' : 'opt-tip'}" href="{:url('set_recommend', array('article_id' => $info['article_id']))}" add-class="aui-active" remove-class="opt-tip" on-text="已推荐" unon-text="推荐" position="footer" on-icon="icon-tuijian" unon-icon="icon-tuijian"  tapmode>
	        <!-- <div class="aui-dot"></div> -->
	        <i class="aui-iconfont icon-tuijian"></i>
	        <div class="aui-bar-tab-label">{$is_recommend ? '已推荐' : '推荐'}</div>
	    </div>
	</footer>
</div>

{include file="public/footer" /}